<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/map.css" />
		
	</head>
	<body>
		<div class="map">
	        <img src="img/BY.png"   class="map-items map-by"   alt="白云" />
            <img src="img/CJZ.png"  class="map-items map-cjz"  alt="成佳镇"/>
			<img src="img/CQ.png"   class="map-items map-cq"   alt="长秋"/>
			<img src="img/CYHZ.png" class="map-items map-cyhz" alt="朝阳湖镇"/>
			<img src="img/DTZ.png"  class="map-items map-dtz"  alt="大塘镇"/>
			<img src="img/FX.png"   class="map-items map-fx"   alt="复兴" />
			<img src="img/GM.png"   class="map-items map-gm"   alt="光明" />
			<img src="img/GXZ.png"  class="map-items map-gxz"  alt="甘溪镇"/>
			<img src="img/HSZ.png"  class="map-items map-hsz"  alt="鹤山镇"/>
			<img src="img/DXZ.png"  class="map-items map-dxz"  alt="大兴镇"/>
			<img src="img/SAX.png"  class="map-items map-sax"  alt="寿安镇"/>
			<img src="img/XLZ.png"  class="map-items map-xlz"  alt="西来镇"/>
		    <img src="img/map.png"  class="map-total">
		    <img src="img/map-kong.png" usemap="#Map-text" class="map-text">
		</div>    
		<map name="Map-text" id="Map-text">
              <area shape="poly" coords="47,88,44,79,60,81,98,63,102,53,127,39,142,48,177,25,191,38,178,60,182,70,178,79,177,111,162,136,151,139,150,149,151,168,144,178,134,174,125,176,111,159,115,142,96,123,91,113,67,102,57,104,49,102" 
              	     href="#" area-name="大塘镇" class="map-dtz">          
              <area shape="poly" coords="114,213,139,206,139,184,135,176,125,177,112,161,113,140,93,118,65,103,56,104,49,101,48,107,44,106,41,95,39,86,33,88,33,99,20,114,0,134,4,141,19,176,12,183,8,186,12,191,14,200,26,205,48,198,58,194,78,207" 
              	     href="#" area-name="甘溪镇" class="map-gxz">
              <area shape="poly" coords="100,216,100,230,103,238,102,248,101,254,91,255,88,269,87,283,75,288,77,299,80,310,72,323,75,331,78,363,85,362,91,374,82,393,93,428,103,427,100,421,104,418,110,426,140,386,150,382,148,372,156,371,166,359,144,337,153,331,158,324,173,326,161,300,165,295,169,283,160,262,163,248,155,241,144,246,131,238,115,215" 
              	     href="#" area-name="成佳镇" class="map-cjz">
              <area shape="poly" coords="167,361,180,372,191,376,195,366,207,358,208,370,218,372,215,382,215,390,231,393,245,392,243,415,224,417,229,436,245,445,248,451,253,471,255,486,235,502,227,504,221,493,215,486,213,478,206,473,203,461,206,455,199,450,198,459,184,472,166,463,155,466,129,489,117,486,106,480,93,455,93,428" 
              	     href="#" area-name="白云" class="map-by">
              <area shape="poly" coords="248,394,242,416,247,425,258,421,263,428,259,443,272,450,270,459,277,465,278,472,293,467,294,451,309,447,319,433,322,435,331,422,339,407,363,400,384,386,393,371,389,355,383,344,354,348,335,335,330,325,312,357,311,366,281,372" 
              	     href="#" area-name="光明" class="map-gm">           
              <area shape="poly" coords="169,361,162,351,156,348,146,337,160,327,172,326,163,302,170,280,187,286,197,288,222,274,228,278,238,298,218,307,221,323,239,335,250,330,271,324,279,319,278,337,273,348,270,361,279,369,250,393,218,389,218,373,208,361,197,369,189,377" 
              	     href="https://www.baidu.com/" area-name="朝阳湖镇" class="map-cyhz">
              <area shape="poly" coords="138,175,139,181,140,205,115,216,144,247,155,242,163,250,160,263,170,281,198,286,221,274,224,258,246,265,265,254,267,243,274,243,278,229,274,226,290,198,282,189,283,185,259,172,265,153,262,147,271,141,280,135,273,127,274,118,260,119,250,120,235,118,227,125,213,118,205,114,194,105,179,111,166,134,152,139,152,164,144,177" 
              	     href="#" area-name="大兴镇" class="map-dxz">
              <area shape="poly" coords="177,25,191,39,179,61,182,70,178,78,178,112,194,105,227,124,234,118,273,118,288,97,291,91,301,95,307,83,301,78,303,75,303,60,291,47,299,38,297,27,305,22,301,14,291,13,285,11,277,18,266,19,237,24,231,26,222,25,222,18,216,8,216,4,207,3,204,8,197,7,191,8" 
              	     href="#" area-name="复兴" class="map-fx">
              <area shape="poly" coords="274,121,280,133,264,149,261,172,283,184,295,179,302,192,313,190,325,191,351,195,368,201,372,190,377,178,383,172,390,175,398,166,417,165,416,157,413,146,426,132,431,137,443,131,453,134,462,138,460,131,466,120,473,105,470,82,473,63,461,63,450,46,436,42,445,27,443,19,434,7,424,9,407,17,394,16,385,13,366,30,348,17,341,17,332,12,316,12,313,24,306,25,300,25,299,38,293,47,302,60,302,79,311,81,299,95,292,92" 
              	     href="#" area-name="西来镇" class="map-xlz">
              <area shape="poly" coords="284,185,284,191,291,198,278,225,278,232,273,244,268,244,265,257,250,264,227,260,223,274,228,277,239,298,221,309,223,324,240,334,277,322,281,324,271,360,279,369,309,363,329,325,353,347,382,345,381,335,387,336,408,317,414,323,422,322,434,328,439,321,436,312,448,299,453,306,464,303,469,305,475,296,486,290,489,272,510,260,521,240,512,224,508,212,500,214,495,211,478,209,469,214,466,207,451,202,435,180,437,173,431,162,426,165,416,165,392,176,384,175,370,197,305,193" 
              	     href="#" area-name="鹤山镇" class="map-hsz">
              <area shape="poly" coords="490,291,489,273,521,247,562,228,575,212,577,195,587,187,598,174,601,183,616,189,614,198,618,213,630,223,622,230,613,225,603,227,599,226,590,232,582,231,580,248,575,250,580,258,586,265,579,275,582,283,582,304,559,291,551,288,547,274,539,286,532,289,527,304,520,310,509,312,500,310,508,296"
              	     href="#" area-name="长秋" class="map-cq">
              <area shape="poly" coords="414,146,426,133,431,137,444,131,463,139,473,109,471,78,473,64,485,62,487,55,502,43,513,44,531,40,547,59,564,68,577,65,592,74,608,77,618,91,634,95,640,105,649,111,657,119,657,136,646,147,647,159,647,169,645,179,651,186,647,196,641,201,640,212,633,213,631,231,627,222,620,189,598,177,582,194,575,212,562,229,521,245,510,212,503,214,481,209,469,213,461,202,451,202,438,177,432,162,420,164"
              	     href="#" area-name="寿安镇" class="map-sax">
        </map>
		
		<script src="js/jquery-2.1.3.min.js"></script>
		<script src="js/imgMap.js"></script>
		<script src="js/map.js"></script>
	 </body>
</html>
